/** @jsxImportSource @emotion/react */
import * as React from "react";
import { OriginalViewProps, } from "../../common/base";
import {
    EntranceSetup, config设备概况, config观测数据, MonitoringGant,
} from "./orcBase";
import {createItem, } from "../../common/eHelper";
import {useRecordList} from "../../hook/useRecordList";
import {setupItemAreaRoute} from "./orcIspConfig";
import {EditStorageContext} from "../../StorageContext";
import {Text, useTheme} from "customize-easy-ui-component";
import { ItemRecheckOmniR,} from "../../common/editor";
import {ItemInstrumentTable} from "../../common/Instrument";
import {
    Ladder, MagneticLeak, Thickness,} from "../../park/editor";
import {DeviceSurvey, } from "../../elevator/editor";
import {ActionMapItemLikeMobCrIn} from "../../mobilecr/ActionMapItemLikeMobCrIn";
import {FrontCover, ItemConclusion, SiteConditionMbcr,} from "../../mobilecr/editorIN";
import {AttachmentUnitGant, ObservationMeasure, WitnessCr3} from "../editorDj";


const recordPrintList =[
    createItem('Entrance', <EntranceSetup/>),
    createItem('FrontCover', <FrontCover/>),
    createItem('Instrument', <ItemInstrumentTable label={'一、主要检验仪器设备性能检查'} />),
    createItem('Survey', <DeviceSurvey config={config设备概况} label={'二、设备概况'}>
            注：只有首次检验、再次安装的流动作业的起重机械实施定期检验的，才需填安装单位名称、安装单位特种设备生
            产许可证（受理决定书）编号、安装单位生产许可证许可子项目。其余情况无法采集到相关信息的填/。
            </DeviceSurvey>),
    createItem('Item', null),
    createItem('Conclusion', <ItemConclusion startd={false} label={'四、结论'}/>),
    createItem('Witness', <WitnessCr3 label={'五、技术资料和工作见证材料 六、记事 七、备注'} titles={['五','六','七']}>
            <>注：首次检验、再次安装的流动作业的起重机械实施定期检验时填写该表格</>
            <>注：本备注栏的内容在检验报告附件的备注栏内体现。</>
            </WitnessCr3>),
    createItem('Measure', <ObservationMeasure config={config观测数据} label={'附录1 观测值及测量结果记录表'}>
            注：1、未测量或无需测量的，仅填检验结果栏。
            2、其他需记录的测量值和结果值填在备注栏中。
            3、对有多个起升机构的设备，C3.8.1记录主起升机构，其余起升机构记录在备注栏中。
            4、分别抽查主回路、控制回路、电气设备的相间绝缘电阻和对地绝缘电阻，记录其中的最小值。
          </ObservationMeasure>),
    createItem('Thickness', <Thickness label={'附录2：C3.7.3 主要受力结构件断面有效厚度观测值及测量结果记录表'}>
            注：1、对于不合格的值才需测量和记录，仅记录有效厚度与设计值之比最小值之处的测量值。
            2、未测量或无需测量的，仅填检验结果栏。
        </Thickness>),
        //第一列29 30小项的围栏为何不见？停车设备才加的"围栏"
    createItem('Ladder', <Ladder label={'附录3：C3.7.4 梯子、走台和栏杆观测值及测量结果记录表'}/>),
    createItem('Monitoring', <MonitoringGant label={'附录4：C4.2.2.5和C4.9.7安全监控管理系统参数验证表'}>
            <Text>注：1、显示值和测量值不大于5%时，检验结果符合要求。<Text css={{display: 'flex', marginLeft:'2rem'}}>2、未检查或无需检验的，仅填检验结果栏。</Text></Text>
        </MonitoringGant>),
    createItem('MagneticLeak', <MagneticLeak label={'附录5：C4.9.8.1漏磁检查记录表'}>
            注：未检查或无需检验的，仅填检验结果栏。
        </MagneticLeak>),
    createItem('SiteCondition', <SiteConditionMbcr label={'附录6：现场检验条件确认'}/>),
    createItem('Attachment', <AttachmentUnitGant nos={'7'} label={'附录7 C3.4附设装置检验项目'}>
            注：对于附表7三个表，无需检验的，仅填检验结果栏。可另附表单。
        </AttachmentUnitGant>),
    createItem('ReCheck', <ItemRecheckOmniR label={'附录8 检验不合格项目内容'} setup={setupItemAreaRoute}/>),
];

//后端的台账业务信息字段存储会优先被采信 setStorage({...dat, ...snap, _version: items?.version}); 注意字段名字唯一性。
export const OriginalView=
  React.forwardRef((
    { action,  verId, repId='', rep,}
    :OriginalViewProps, ref
  ) => {
    const context =React.useContext(EditStorageContext);
    if(context == null)    throw new Error("EditStorageContext没有提供");
    const theme = useTheme();
    //初始化，印象派形式的动态构建的项目列表： 目前只有一个的印象派扩展标签。
    const recordPrintListNow =React.useMemo(() => {
      let routeAreas=[] as any[];
      const impressionismAs =setupItemAreaRoute({rep, theme});
      let extendTags =Reflect.ownKeys(impressionismAs) as string[];
      const oldItCount=recordPrintList.length;
      let prevpos=0;
      for(let p=0; p<oldItCount; p++){
        if(extendTags.indexOf(recordPrintList[p].itemArea)>=0){     //需要展开 扩充的标签
            routeAreas=routeAreas.concat(recordPrintList.slice(prevpos,p));
            const itemConfigs= impressionismAs?.[recordPrintList[p].itemArea];
            let seq = 0;
            let moreItems = [] as any;
            //动态 扩充{检验项目配置办法的}编辑区： 目前只有一个的印象派扩展标签ItemArs对应的是'Item-'。 ['Item-', ]
            itemConfigs.forEach((area, x) => {
              seq += 1;
              const rowHead =<ActionMapItemLikeMobCrIn key={seq} alone={false} editAreasConf={itemConfigs}
                                                       index={x}   />;
              moreItems.push(createItem(area.tag, rowHead));
            });
            routeAreas=routeAreas.concat(moreItems);
            prevpos=p+1;
        }
      }
      routeAreas=routeAreas.concat(recordPrintList.slice(prevpos));
      return routeAreas;
    }, [verId, repId,rep, theme]);

    const {list}=useRecordList(ref,rep,recordPrintListNow,action,verId);

    return <React.Fragment>
      {list}
    {/*      <Button  intent="primary"
               onPress={(e) => { handleSubmit!();
               }}
      >送打印转换器
      </Button>*/}
    </React.Fragment>;
  } );

